<template>
  <div class="item-swiper">
    <div class="swiper">
      <van-swipe :autoplay="3000">
        <van-swipe-item v-for="(image, index) in images" :key="index">
          <img :src="image">
        </van-swipe-item>
      </van-swipe>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        'http://placehold.it/1600x900',
        'http://placehold.it/1600x900',
        'http://placehold.it/1600x900'
      ]
    }
  }
}
</script>

<style lang="less">
.item-swiper{
    .swiper {
    // height: 100vh;
    width: 92%;
    margin: 0 auto;
    border-radius: 20px;
    img {
      width: 100%;
    }
  }
}
</style>
